<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <a href="http://www.sohu.com">点击我跳转到百度</a>
    <script>
      // 阻止默认事件；
      // 点击a标签的时候跳转另外一个页面，并且询问是否跳转？
      var aEle = document.querySelector("a");
      aEle.onclick = function (e) {
        var e = e || window.event;
        // 阻止默认事件；
        // 方式一：
        e.preventDefault(); //chrome
        // ie8及以下
        // e.returnValue = false;
        var res = confirm("你真的要跳转吗??");
        if (res) {
          window.location.href = "http://wwww.baidu.com";
        }
        //    return false;  //阻止默认事件；return false 要放在最后；
      };

      // 总结 ：
      /* 
            阻止冒泡 ：1.e.stopPropagation() 2.e.cancelBubble = true;
            阻止默认事件：1.e.preventDefault()：兼容性 ie8或者以下：e.returnValue=false;  2.return false;写在最后
        */

      // 小练习 ：自定义右键菜单；
    </script>
  </body>
</html>
